<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script type="text/javascript">
		
	window.onload = function(){
		var btn = document.getElementById("btn")
		var title = document.getElementById("title");
		
//		给按钮加单击事件
		btn.onclick = function(){
//			获得h1里所有的内容
//			var con = title.innerHTML;
//			alert(con);
			
//			设置元素的所有内容
//			title.innerHTML = '我是新设置的内容！！！！哈哈哈哈';
			
//			获得纯文本内容
//			if (document.all) {
//				var con = title.innerText;
//			}else{
//				var con = title.textContent;
//			}

//			兼容性的短路写法
			var con = title.innerText || title.textContent;
	
			alert(con);
			
		}
		
	}
		
	</script>
	</head>
	<body>
		<input type="button" id="btn" value="点我进行操作！" />
		<br /><br />
		<h1 id="title">后盾人 人人做后盾！！<span>哦也</span>！</h1>
		
	</body>
</html>
